XAML クイックリファレンス

次の XAML は、チャートタイプの選択、パレットの選択、軸の設定、およびデータ系列の追加を行う方法を示します。

XAML	コードのコピー
<c1:C1Chart x:Name="_chart" Palette="Module" ChartType="Line" Foreground="#a0000000" Background="#e0ffffff" > <c1:C1Chart.View> <c1:ChartView> <c1:ChartView.AxisX> <c1:Axis Title="年" MajorGridStroke="Transparent" /> </c1:ChartView.AxisX> <c1:ChartView.AxisY> <c1:Axis Title="四半期売上高(単位：\10,00,000)" MajorGridStroke="#40000000" AnnoFormat="n0" /> </c1:ChartView.AxisY> </c1:ChartView> </c1:C1Chart.View> <c1:C1ChartLegend Position="Right" /> <c1:C1Chart.Data> <c1:ChartData ItemNames="P1 P2 P3 P4 P5"> <c1:DataSeries Label="s1" Values="20, 22, 19, 24, 25" ConnectionStrokeThickness="6" /> <c1:DataSeries Label="s2" Values="8, 12, 10, 12, 15" /> </c1:ChartData> </c1:C1Chart.Data> </c1:C1Chart>

XAML

コードのコピー

 <c1:C1Chart x:Name="_chart" Palette="Module" ChartType="Line"
Foreground="#a0000000" Background="#e0ffffff" >
 
            <c1:C1Chart.View>
                <c1:ChartView>
                    <c1:ChartView.AxisX>
                        <c1:Axis Title="年" MajorGridStroke="Transparent" />
                    </c1:ChartView.AxisX>
                    <c1:ChartView.AxisY>
                        <c1:Axis Title="四半期売上高(単位：\10,00,000)"
MajorGridStroke="#40000000" AnnoFormat="n0" />
                    </c1:ChartView.AxisY>
                </c1:ChartView>
            </c1:C1Chart.View>
 
            <c1:C1ChartLegend Position="Right" />
 
            <c1:C1Chart.Data>
                <c1:ChartData ItemNames="P1 P2 P3 P4 P5">
                    <c1:DataSeries Label="s1" Values="20, 22, 19, 24, 25"
ConnectionStrokeThickness="6" />
                    <c1:DataSeries Label="s2" Values="8, 12, 10, 12, 15" />
                </c1:ChartData>
            </c1:C1Chart.Data>
        </c1:C1Chart>